<template>
  <div class="main">
    <div class="main_box">
      <!-- 左 -->
      <div class="left">
        <!-- 左上的 title -->
        <div class="file-title">文章归档</div>
        <!-- 归档主要内容 盒子 -->
        <div class="file-box">
          <!-- 标签 -->
          <div class="file-tag-box">
            <!-- 标签 title -->
            <div class="tag-title">标签</div>
            <ul class="tag-box">
              <li>标签1</li>
              <li>标签2</li>
              <li>标签3</li>
            </ul>
          </div>
          <!-- 时间轴盒子 -->
          <div class="file-date-box">
            <!-- 时间轴 title -->
            <div class="date-title">时间轴</div>
            <!-- 时间 内容 -->
            <div class="date-box">
              <!-- 时间内容 title -->
              <div class="date-content-title">2021年12月</div>
              <!-- 内容 -->
              <div class="content-box">
                <ul class="content">
                  <li>内容123</li>
                  <li>内容123</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 右 -->
      <div class="register">
        <MyInfo></MyInfo>
        <Notice></Notice>
        <!-- <Rarticle></Rarticle> -->
        <Mydate></Mydate>
        <NewReply></NewReply>
      </div>
    </div>
  </div>
</template>

<script>
  // 右
  import MyInfo from '@/components/register/MyInfo.vue';
  import Notice from '@/components/register/Notice.vue';
  // import Rarticle from '@/components/register/Rarticle.vue';
  import Mydate from '@/components/register/Mydate.vue';
  import NewReply from '@/components/register/NewReply.vue';

  export default {
    name: 'Main',
    data() {
      return {};
    },
    components: {
      MyInfo,
      Notice,
      // Rarticle,
      Mydate,
      NewReply,
    },
    methods: {
      // 获取 token
      /*  getMyToken() {
        if (localStorage.getItem('token')) {
          this.$store.commit('getToken', localStorage.getItem('token'));
        } else {
          this.$store.commit('getToken', '');
        }
      }, */
    },
    created() {
      // this.getMyToken();
    },
  };
</script>

<style lang="less" scoped>
  @import url('../../state/mainPublic.less');
</style>
